<!DOCTYPE HTML>
<html>
<head>
    <title>Schedule - Workout Buddy</title>
    <link rel="stylesheet" type="text/css" href="styles/style.css">
    <link rel="stylesheet" type="text/css" href="styles/schedule.css">
</head>
<body>
    <div class="main-container">
    	<div id="barUser">
               	Welcome, <strong>Peter</strong> <span class="textSmall">(<a href="index.html">Sign out</a>)</span>
        </div>
        <h1>Workout Buddy</h1>
        <ul id="barNav">
            <li><a href="dashboard.html">Dashboard</a></li>
            <li><a href="progress.html">Progress</a></li>
            <li><a class="current" href="schedule.html">Schedule</a></li>
            <li><a href="preferences.html">Preferences</a></li>
            <li><a href="rewards.html">Rewards</a></li>
        </ul>
        <div class="content" style="text-align:center">
            <h2>December 2012</h2>
            <div id="toolbar">
            	<a href="under-construction.html" class="button small">Add New Appointment</a> |
                <a href="under-construction.html" class="button small">Sync with Google Calendar</a> |
                <a href="under-construction.html" class="button small">Sync with Facebook Events</a>
          </div>
            <table border="1" align="center">
                <tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr>
                <tr><td class="grayed"><span class="date">&nbsp;</span></td><td class="grayed"><span class="date">&nbsp;</span></td><td class="grayed"><span class="date">&nbsp;</span></td><td class="grayed"><span class="date">&nbsp;</span></td><td class="grayed"><span class="date">&nbsp;</span></td><td class="grayed"><span class="date">&nbsp;</span></td><td><span class="date">1</span></td></tr>
                <tr><td><span class="date">2</span></td><td><span class="date">3</span></td><td class="busy"><span class="date">4</span><span class="info">Class</span></td><td><span class="date">5</span></td><td class="busy"><span class="date">6</span><span class="info">Class</span></td><td><span class="date">7</span></td><td><span class="date">8</span></td></tr>
                <tr><td><span class="date">9</span></td><td class="busy"><span class="date">10</span><span class="info">Jog</span></td><td class="busy"><span class="date">11</span><span class="info">Class</span></td><td><span class="date">12</span></td><td class="busy"><span class="date">13</span><span class="info">Class</span></td><td><span class="date">14</span></td><td><span class="date">15</span></td></tr>
                <tr><td><span class="date">16</span></td><td class="busy"><span class="date">17</span><span class="info">Jog<br />Expo</span></td><td><span class="date">18</span></td><td><span class="date">19</span></td><td><span class="date">20</span></td><td><span class="date">21</span></td><td><span class="date">22</span></td></tr>
                <tr><td><span class="date">23</span></td><td class="busy"><span class="date">24</span><span class="info">Holiday</span></td><td class="busy"><span class="date">25</span><span class="info">Holiday</span></td><td><span class="date">26</span></td><td><span class="date">27</span></td><td><span class="date">28</span></td><td><span class="date">29</span></td></tr>
                <tr><td><span class="date">30</span></td><td class="busy"><span class="date">31</span><span class="info">Holiday</span></td><td class="grayed"><span class="date">&nbsp;</span></td><td class="grayed"><span class="date">&nbsp;</span></td><td class="grayed"><span class="date">&nbsp;</span></td><td class="grayed"><span class="date">&nbsp;</span></td><td class="grayed"><span class="date">&nbsp;</span></td></tr>
            </table>
        </div>
    </div>
</body>
</html>